<!DOCTYPE html>

<html>

	<head>
		<link rel="stylesheet" type="text/css" href="recherche_biens.css"/>
		<title>FreeBed Location</title>
		<meta charset="UTF-8" />
		<meta http-equiv="Content-Type" content="charset=UTF-8" />
	</head>

	<body>

		<div id="bloc_page">

		<div class="header">

			<div id="banniere">
			
				<img src="bann.jpg">

			</div>

				</div>

				<div id = "menu" >

 				<a href="index.php"/> Accueil </a>
  				<a href="index2.php"/>Inscription </a> 
  				<a href="ol.php"/> Mon compte </a> 
 				<a href="recherche_biens.php"/> Recherche </a> 
  				<a href="publication2.php"/> Deposer Bien </a>
  				<form id="formulaire" method="post" action="Connexion_user.php"> Identification : 
  				<input type="text" id="nom" name="nom" value="" size="15" /> Mot de passe : 
  				<input type="password" id="pass" name="pass" value="" size="15"/> 
  				<input type="submit" id="connexion" name="connexion" value="connexion" />

  				</div>

		</div>

				<div class="bloc_central">

					<h1> Recherche de Biens </h1>

					<div class="container">

						<div class="bloc_annonces">

							<p id="police_titre"> Annonces </p>

									<div class="annonces" onclick="location.href='annonce.html';" style="cursor:pointer;" title="Cliquer pour visualiser">

										<p> Appartement 2 pièces 50m² Londres - 500.000 € </p>

											<div class="photo">

												<a href="annonce.html"> <img src="salon_appart.jpg" title="Cliquer pour visualiser "> </a>

											</div>

													<div class="texte_annonce">

														<p> La cuisine ouverte est fournie de tous les conforts actuels, ce qui inclut vitro céramique, four, micro-onde et lave-vaisselle. Le logement se trouve sur une rue tranquille et résidentielle, à proximité des services et installations de Londres, et est très bien desservi de transports en commun. Avec un emplacement excellent dans le quartier de Fulham, se charmant appartement londonien représente la meilleure option, pratique si vous aimez les sports, mais aussi pour visiter les sites d’intérêt touristique ou faire vos courses... </p>

													</div>

									</div>

						</div>

							<div class="recherche">

								<h2> Plus de critères </h2>

								<div class="container_criteres">

								<form action="" method="post">

									 <div id="bien" class="margbot15">  Type <select name="type-de-bien">

									 	<option value ""> choisissez un critère</option>
										<option value="">Appartement</option> 
  										<option value=""> Maison </option>
 										<option value=""> Chambre </option>
 										<option value=""> Gîte </option>

 										</div>

 									</select>


 									<div id="pays" class="margbot15 margtop15"> Pays <select name="pays">

 										<option value ""> choisissez un critère</option>
 										<option value="">France</option> 
  										<option value=""> Etats-Unis </option>
 										<option value=""> Allemagne </option>
 										<option value=""> Angleterre </option>

 									</select> </div>


 									<div id="ville" class="margbot15"> Ville <select name="ville">

 									<option value ""> choisissez un critère </option>
 									<option value=""></option> 
  									<option value=""></option>
 									<option value=""></option>
 									<option value=""></option>

 									</select> </div>

 									
 									<div id="prix" class="margbot15">

 									Prix <input type="text" id="prix_min" name="prix_min" value=""> >> <input type="text" id="prix_max" name="prix_max" value="">

 									</div>

 									<div id="surface" class="margbot15">

 									Surface <input type="text" id="surface_min" name="surface_min" value=""> >> <input type="text" id="surface_max" name="surface_max" value="">

 									</div>

 									<div id="button" class="margbot15">
 									<input type="submit" name="filtrer" id="filtrer" value="Filtrer">
 									</div>

 								</div>

							</div>

							<div style="clear:both;"> </div>

					</div>

								<div class="footer">

									<p> ICI LE FOOTER </p>

								</div>

				</div>	




	
		</div>

	</body>

</html>